<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1154420" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4d;</span>
                <div class="name">对比-m</div>
                <div class="code-name">&amp;#xeb4d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">共享业务</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">车内生物酶净化</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">共享</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">icon_checkbox_qing</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">icon_checkbox_zhong</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">生物基因工程</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">radio-check</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">radio02</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">error</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">del</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">测试</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">水库站点对比</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">329-sort-alpha-asc</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">330-sort-alpha-desc</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">save-o</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">角标-选择-右下</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">化学</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">关系图谱</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">提交成功</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">共享</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">分析工具-01</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ac;</span>
                <div class="name">对比</div>
                <div class="code-name">&amp;#xe9ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">医学_medicine30</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">化学</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">分析引擎</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">共享</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">yes</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name"> 商圈对比</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">基因治疗</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">空间对比</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">目录 (1)</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">分子式</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">胎盘间充质干细胞</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">细胞技术服务平台</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">分类管理</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">箭头_交叉</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">分布分析</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">分析研判</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">error</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">测试</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">医学指标</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">生物信息</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">曲线</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">医学检测</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">43物流分子式</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">感叹号</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">医学检查</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">生物</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">测试分析</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">icon_全屏</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">检测</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">分析关系</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">基因定量</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">化学</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">箱线图</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">del</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">共享管理</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">batchcompute  批量计算</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">fc 函数计算</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">分析采集</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">login_out</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">对比碰撞</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">sliders</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">个人中心 我的  人物 标准头 线性</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e0;</span>
                <div class="name">分子病理</div>
                <div class="code-name">&amp;#xe8e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">导航栏_基因管理</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb0;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xebb0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">曲线图例</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">生物糖胶</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">热图定位</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">检测数据</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">对比分析</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">again</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">化学</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">对比</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">威胁样本</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">Filter user-define c</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">分析关系配置</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">分析数据审核2</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">分析质控统计</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">分析模块</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">基因富集</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">测试</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">医学影像</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">沙漏</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">对比图</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">基因分析</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">del</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">分析,数据</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">del</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">化学</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">kegg</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">医学实体命名</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">基因检测</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb1;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xebb1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">样本库管理</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb2;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xebb2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb3;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xebb3;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconquanping-2"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.iconquanping-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduibim"></span>
            <div class="name">
              对比-m
            </div>
            <div class="code-name">.iconduibim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongxiangyewu"></span>
            <div class="name">
              共享业务
            </div>
            <div class="code-name">.icongongxiangyewu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.iconmessage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmore"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.iconmore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheneishengwumeijinghua"></span>
            <div class="name">
              车内生物酶净化
            </div>
            <div class="code-name">.iconcheneishengwumeijinghua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon16"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.icon16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare"></span>
            <div class="name">
              共享
            </div>
            <div class="code-name">.iconshare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheckbox"></span>
            <div class="name">
              icon_checkbox_qing
            </div>
            <div class="code-name">.iconcheckbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheckbox-checked"></span>
            <div class="name">
              icon_checkbox_zhong
            </div>
            <div class="code-name">.iconcheckbox-checked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon17"></span>
            <div class="name">
              生物基因工程
            </div>
            <div class="code-name">.icon17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradio-check"></span>
            <div class="name">
              radio-check
            </div>
            <div class="code-name">.iconradio-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradio"></span>
            <div class="name">
              radio02
            </div>
            <div class="code-name">.iconradio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerror"></span>
            <div class="name">
              error
            </div>
            <div class="code-name">.iconerror
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel"></span>
            <div class="name">
              del
            </div>
            <div class="code-name">.icondel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenhao"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.iconwenhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsettings-2"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconsettings-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprint1"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.iconprint1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconceshi"></span>
            <div class="name">
              测试
            </div>
            <div class="code-name">.iconceshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icongonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload-2"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-filter2"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.iconicon-filter2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsee"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.iconsee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.iconchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuikuzhandianduibi"></span>
            <div class="name">
              水库站点对比
            </div>
            <div class="code-name">.iconshuikuzhandianduibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-sort-asc"></span>
            <div class="name">
              329-sort-alpha-asc
            </div>
            <div class="code-name">.iconicon-sort-asc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-sort-desc"></span>
            <div class="name">
              330-sort-alpha-desc
            </div>
            <div class="code-name">.iconicon-sort-desc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave-1"></span>
            <div class="name">
              save-o
            </div>
            <div class="code-name">.iconsave-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmark-right-bottom"></span>
            <div class="name">
              角标-选择-右下
            </div>
            <div class="code-name">.iconmark-right-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuaxue"></span>
            <div class="name">
              化学
            </div>
            <div class="code-name">.iconhuaxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.iconup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanxitupu"></span>
            <div class="name">
              关系图谱
            </div>
            <div class="code-name">.iconguanxitupu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuccess"></span>
            <div class="name">
              提交成功
            </div>
            <div class="code-name">.iconsuccess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongxiang"></span>
            <div class="name">
              共享
            </div>
            <div class="code-name">.icongongxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxigongju-"></span>
            <div class="name">
              分析工具-01
            </div>
            <div class="code-name">.iconfenxigongju-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduibi"></span>
            <div class="name">
              对比
            </div>
            <div class="code-name">.iconduibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixue_medicine"></span>
            <div class="name">
              医学_medicine30
            </div>
            <div class="code-name">.iconyixue_medicine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit1"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuaxue1"></span>
            <div class="name">
              化学
            </div>
            <div class="code-name">.iconhuaxue1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiyinqing"></span>
            <div class="name">
              分析引擎
            </div>
            <div class="code-name">.iconfenxiyinqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.iconfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongxiang1"></span>
            <div class="name">
              共享
            </div>
            <div class="code-name">.icongongxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyes"></span>
            <div class="name">
              yes
            </div>
            <div class="code-name">.iconyes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangquanduibi"></span>
            <div class="name">
               商圈对比
            </div>
            <div class="code-name">.iconshangquanduibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiyinzhiliao"></span>
            <div class="name">
              基因治疗
            </div>
            <div class="code-name">.iconjiyinzhiliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongonggao1"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icongonggao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.iconpdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkongjianduibi"></span>
            <div class="name">
              空间对比
            </div>
            <div class="code-name">.iconkongjianduibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmulu"></span>
            <div class="name">
              目录 (1)
            </div>
            <div class="code-name">.iconmulu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenzishi"></span>
            <div class="name">
              分子式
            </div>
            <div class="code-name">.iconfenzishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontaipanjianchongzhiganxibao"></span>
            <div class="name">
              胎盘间充质干细胞
            </div>
            <div class="code-name">.icontaipanjianchongzhiganxibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxibaojishufuwupingtai"></span>
            <div class="name">
              细胞技术服务平台
            </div>
            <div class="code-name">.iconxibaojishufuwupingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenleiguanli"></span>
            <div class="name">
              分类管理
            </div>
            <div class="code-name">.iconfenleiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiantou_jiaocha"></span>
            <div class="name">
              箭头_交叉
            </div>
            <div class="code-name">.iconjiantou_jiaocha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenbufenxi"></span>
            <div class="name">
              分布分析
            </div>
            <div class="code-name">.iconfenbufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiyanpan"></span>
            <div class="name">
              分析研判
            </div>
            <div class="code-name">.iconfenxiyanpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload-1"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icondownload-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxi1"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyoujian"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.iconyoujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerror2"></span>
            <div class="name">
              error
            </div>
            <div class="code-name">.iconerror2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconceshi1"></span>
            <div class="name">
              测试
            </div>
            <div class="code-name">.iconceshi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixuezhibiao"></span>
            <div class="name">
              医学指标
            </div>
            <div class="code-name">.iconyixuezhibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengwuxinxi"></span>
            <div class="name">
              生物信息
            </div>
            <div class="code-name">.iconshengwuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquxian"></span>
            <div class="name">
              曲线
            </div>
            <div class="code-name">.iconquxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixuejiance"></span>
            <div class="name">
              医学检测
            </div>
            <div class="code-name">.iconyixuejiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsettings-1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconsettings-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliufenzishi"></span>
            <div class="name">
              43物流分子式
            </div>
            <div class="code-name">.iconwuliufenzishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongantanhao"></span>
            <div class="name">
              感叹号
            </div>
            <div class="code-name">.icongantanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprint"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.iconprint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixuejiancha"></span>
            <div class="name">
              医学检查
            </div>
            <div class="code-name">.iconyixuejiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiology"></span>
            <div class="name">
              生物
            </div>
            <div class="code-name">.iconbiology
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconceshifenxi"></span>
            <div class="name">
              测试分析
            </div>
            <div class="code-name">.iconceshifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanping"></span>
            <div class="name">
              icon_全屏
            </div>
            <div class="code-name">.iconquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiance"></span>
            <div class="name">
              检测
            </div>
            <div class="code-name">.iconjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxiguanxi"></span>
            <div class="name">
              分析关系
            </div>
            <div class="code-name">.iconicon-fenxiguanxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiyindingliang"></span>
            <div class="name">
              基因定量
            </div>
            <div class="code-name">.iconjiyindingliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-huaxue2"></span>
            <div class="name">
              化学
            </div>
            <div class="code-name">.iconicon-huaxue2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.iconadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangxiantu"></span>
            <div class="name">
              箱线图
            </div>
            <div class="code-name">.iconxiangxiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel3"></span>
            <div class="name">
              del
            </div>
            <div class="code-name">.icondel3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongxiangguanli"></span>
            <div class="name">
              共享管理
            </div>
            <div class="code-name">.icongongxiangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxi6"></span>
            <div class="name">
              batchcompute  批量计算
            </div>
            <div class="code-name">.iconicon-fenxi6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxi5"></span>
            <div class="name">
              fc 函数计算
            </div>
            <div class="code-name">.iconicon-fenxi5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxicaiji"></span>
            <div class="name">
              分析采集
            </div>
            <div class="code-name">.iconicon-fenxicaiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogin_out"></span>
            <div class="name">
              login_out
            </div>
            <div class="code-name">.iconlogin_out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-duibipengzhuang"></span>
            <div class="name">
              对比碰撞
            </div>
            <div class="code-name">.iconicon-duibipengzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsliders"></span>
            <div class="name">
              sliders
            </div>
            <div class="code-name">.iconsliders
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit3"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser"></span>
            <div class="name">
              个人中心 我的  人物 标准头 线性
            </div>
            <div class="code-name">.iconuser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenzibingli"></span>
            <div class="name">
              分子病理
            </div>
            <div class="code-name">.iconicon-fenzibingli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaohanglan_jiyinguanli"></span>
            <div class="name">
              导航栏_基因管理
            </div>
            <div class="code-name">.icondaohanglan_jiyinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongerenzhongxin"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.icongerenzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquxiantuli"></span>
            <div class="name">
              曲线图例
            </div>
            <div class="code-name">.iconquxiantuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengwutangjiao"></span>
            <div class="name">
              生物糖胶
            </div>
            <div class="code-name">.iconshengwutangjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconretudingwei"></span>
            <div class="name">
              热图定位
            </div>
            <div class="code-name">.iconretudingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianceshuju"></span>
            <div class="name">
              检测数据
            </div>
            <div class="code-name">.iconjianceshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-compare"></span>
            <div class="name">
              对比分析
            </div>
            <div class="code-name">.iconicon-compare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconagain"></span>
            <div class="name">
              again
            </div>
            <div class="code-name">.iconagain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-huaxue3"></span>
            <div class="name">
              化学
            </div>
            <div class="code-name">.iconicon-huaxue3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxi2"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconicon-fenxi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-duibi1"></span>
            <div class="name">
              对比
            </div>
            <div class="code-name">.iconicon-duibi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixieyangben"></span>
            <div class="name">
              威胁样本
            </div>
            <div class="code-name">.iconweixieyangben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconFilteruser-definec"></span>
            <div class="name">
              Filter user-define c
            </div>
            <div class="code-name">.iconFilteruser-definec
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxiguanxipeizhi"></span>
            <div class="name">
              分析关系配置
            </div>
            <div class="code-name">.iconicon-fenxiguanxipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxishujushenhe"></span>
            <div class="name">
              分析数据审核2
            </div>
            <div class="code-name">.iconicon-fenxishujushenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-note"></span>
            <div class="name">
              分析质控统计
            </div>
            <div class="code-name">.iconicon-note
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenximokuai"></span>
            <div class="name">
              分析模块
            </div>
            <div class="code-name">.iconicon-fenximokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-analyse"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconicon-analyse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiyinfuji"></span>
            <div class="name">
              基因富集
            </div>
            <div class="code-name">.iconjiyinfuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconceshi2"></span>
            <div class="name">
              测试
            </div>
            <div class="code-name">.iconceshi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixueyingxiang"></span>
            <div class="name">
              医学影像
            </div>
            <div class="code-name">.iconyixueyingxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshalou"></span>
            <div class="name">
              沙漏
            </div>
            <div class="code-name">.iconshalou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-duibitu"></span>
            <div class="name">
              对比图
            </div>
            <div class="code-name">.iconicon-duibitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiyinfenxiselect"></span>
            <div class="name">
              基因分析
            </div>
            <div class="code-name">.iconjiyinfenxiselect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxi3"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconicon-fenxi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit2"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel1"></span>
            <div class="name">
              del
            </div>
            <div class="code-name">.icondel1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-fenxishuju"></span>
            <div class="name">
              分析,数据
            </div>
            <div class="code-name">.iconicon-fenxishuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel2"></span>
            <div class="name">
              del
            </div>
            <div class="code-name">.icondel2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-huaxue4"></span>
            <div class="name">
              化学
            </div>
            <div class="code-name">.iconicon-huaxue4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-kegg"></span>
            <div class="name">
              kegg
            </div>
            <div class="code-name">.iconicon-kegg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyixueshitimingming"></span>
            <div class="name">
              医学实体命名
            </div>
            <div class="code-name">.iconyixueshitimingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiyinjiance"></span>
            <div class="name">
              基因检测
            </div>
            <div class="code-name">.iconjiyinjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.icondown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangbenkuguanli"></span>
            <div class="name">
              样本库管理
            </div>
            <div class="code-name">.iconyangbenkuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-left"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.iconarrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-right"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.iconarrow-right
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanping-2"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#iconquanping-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduibim"></use>
                </svg>
                <div class="name">对比-m</div>
                <div class="code-name">#iconduibim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongxiangyewu"></use>
                </svg>
                <div class="name">共享业务</div>
                <div class="code-name">#icongongxiangyewu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#iconmessage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmore"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#iconmore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheneishengwumeijinghua"></use>
                </svg>
                <div class="name">车内生物酶净化</div>
                <div class="code-name">#iconcheneishengwumeijinghua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon16"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#icon16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare"></use>
                </svg>
                <div class="name">共享</div>
                <div class="code-name">#iconshare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheckbox"></use>
                </svg>
                <div class="name">icon_checkbox_qing</div>
                <div class="code-name">#iconcheckbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheckbox-checked"></use>
                </svg>
                <div class="name">icon_checkbox_zhong</div>
                <div class="code-name">#iconcheckbox-checked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon17"></use>
                </svg>
                <div class="name">生物基因工程</div>
                <div class="code-name">#icon17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradio-check"></use>
                </svg>
                <div class="name">radio-check</div>
                <div class="code-name">#iconradio-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradio"></use>
                </svg>
                <div class="name">radio02</div>
                <div class="code-name">#iconradio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerror"></use>
                </svg>
                <div class="name">error</div>
                <div class="code-name">#iconerror</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel"></use>
                </svg>
                <div class="name">del</div>
                <div class="code-name">#icondel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenhao"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#iconwenhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsettings-2"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconsettings-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprint1"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#iconprint1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconceshi"></use>
                </svg>
                <div class="name">测试</div>
                <div class="code-name">#iconceshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icongonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload-2"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-filter2"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#iconicon-filter2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsee"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#iconsee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#iconchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuikuzhandianduibi"></use>
                </svg>
                <div class="name">水库站点对比</div>
                <div class="code-name">#iconshuikuzhandianduibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-sort-asc"></use>
                </svg>
                <div class="name">329-sort-alpha-asc</div>
                <div class="code-name">#iconicon-sort-asc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-sort-desc"></use>
                </svg>
                <div class="name">330-sort-alpha-desc</div>
                <div class="code-name">#iconicon-sort-desc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave-1"></use>
                </svg>
                <div class="name">save-o</div>
                <div class="code-name">#iconsave-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmark-right-bottom"></use>
                </svg>
                <div class="name">角标-选择-右下</div>
                <div class="code-name">#iconmark-right-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuaxue"></use>
                </svg>
                <div class="name">化学</div>
                <div class="code-name">#iconhuaxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#iconup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanxitupu"></use>
                </svg>
                <div class="name">关系图谱</div>
                <div class="code-name">#iconguanxitupu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuccess"></use>
                </svg>
                <div class="name">提交成功</div>
                <div class="code-name">#iconsuccess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongxiang"></use>
                </svg>
                <div class="name">共享</div>
                <div class="code-name">#icongongxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxigongju-"></use>
                </svg>
                <div class="name">分析工具-01</div>
                <div class="code-name">#iconfenxigongju-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduibi"></use>
                </svg>
                <div class="name">对比</div>
                <div class="code-name">#iconduibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixue_medicine"></use>
                </svg>
                <div class="name">医学_medicine30</div>
                <div class="code-name">#iconyixue_medicine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit1"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuaxue1"></use>
                </svg>
                <div class="name">化学</div>
                <div class="code-name">#iconhuaxue1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiyinqing"></use>
                </svg>
                <div class="name">分析引擎</div>
                <div class="code-name">#iconfenxiyinqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#iconfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongxiang1"></use>
                </svg>
                <div class="name">共享</div>
                <div class="code-name">#icongongxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyes"></use>
                </svg>
                <div class="name">yes</div>
                <div class="code-name">#iconyes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangquanduibi"></use>
                </svg>
                <div class="name"> 商圈对比</div>
                <div class="code-name">#iconshangquanduibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiyinzhiliao"></use>
                </svg>
                <div class="name">基因治疗</div>
                <div class="code-name">#iconjiyinzhiliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongonggao1"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icongonggao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#iconpdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkongjianduibi"></use>
                </svg>
                <div class="name">空间对比</div>
                <div class="code-name">#iconkongjianduibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmulu"></use>
                </svg>
                <div class="name">目录 (1)</div>
                <div class="code-name">#iconmulu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenzishi"></use>
                </svg>
                <div class="name">分子式</div>
                <div class="code-name">#iconfenzishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontaipanjianchongzhiganxibao"></use>
                </svg>
                <div class="name">胎盘间充质干细胞</div>
                <div class="code-name">#icontaipanjianchongzhiganxibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxibaojishufuwupingtai"></use>
                </svg>
                <div class="name">细胞技术服务平台</div>
                <div class="code-name">#iconxibaojishufuwupingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenleiguanli"></use>
                </svg>
                <div class="name">分类管理</div>
                <div class="code-name">#iconfenleiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiantou_jiaocha"></use>
                </svg>
                <div class="name">箭头_交叉</div>
                <div class="code-name">#iconjiantou_jiaocha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenbufenxi"></use>
                </svg>
                <div class="name">分布分析</div>
                <div class="code-name">#iconfenbufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiyanpan"></use>
                </svg>
                <div class="name">分析研判</div>
                <div class="code-name">#iconfenxiyanpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload-1"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icondownload-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxi1"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyoujian"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#iconyoujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerror2"></use>
                </svg>
                <div class="name">error</div>
                <div class="code-name">#iconerror2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconceshi1"></use>
                </svg>
                <div class="name">测试</div>
                <div class="code-name">#iconceshi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixuezhibiao"></use>
                </svg>
                <div class="name">医学指标</div>
                <div class="code-name">#iconyixuezhibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengwuxinxi"></use>
                </svg>
                <div class="name">生物信息</div>
                <div class="code-name">#iconshengwuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquxian"></use>
                </svg>
                <div class="name">曲线</div>
                <div class="code-name">#iconquxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixuejiance"></use>
                </svg>
                <div class="name">医学检测</div>
                <div class="code-name">#iconyixuejiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsettings-1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconsettings-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliufenzishi"></use>
                </svg>
                <div class="name">43物流分子式</div>
                <div class="code-name">#iconwuliufenzishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongantanhao"></use>
                </svg>
                <div class="name">感叹号</div>
                <div class="code-name">#icongantanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprint"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#iconprint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixuejiancha"></use>
                </svg>
                <div class="name">医学检查</div>
                <div class="code-name">#iconyixuejiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiology"></use>
                </svg>
                <div class="name">生物</div>
                <div class="code-name">#iconbiology</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconceshifenxi"></use>
                </svg>
                <div class="name">测试分析</div>
                <div class="code-name">#iconceshifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanping"></use>
                </svg>
                <div class="name">icon_全屏</div>
                <div class="code-name">#iconquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiance"></use>
                </svg>
                <div class="name">检测</div>
                <div class="code-name">#iconjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxiguanxi"></use>
                </svg>
                <div class="name">分析关系</div>
                <div class="code-name">#iconicon-fenxiguanxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiyindingliang"></use>
                </svg>
                <div class="name">基因定量</div>
                <div class="code-name">#iconjiyindingliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-huaxue2"></use>
                </svg>
                <div class="name">化学</div>
                <div class="code-name">#iconicon-huaxue2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#iconadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangxiantu"></use>
                </svg>
                <div class="name">箱线图</div>
                <div class="code-name">#iconxiangxiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel3"></use>
                </svg>
                <div class="name">del</div>
                <div class="code-name">#icondel3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongxiangguanli"></use>
                </svg>
                <div class="name">共享管理</div>
                <div class="code-name">#icongongxiangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxi6"></use>
                </svg>
                <div class="name">batchcompute  批量计算</div>
                <div class="code-name">#iconicon-fenxi6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxi5"></use>
                </svg>
                <div class="name">fc 函数计算</div>
                <div class="code-name">#iconicon-fenxi5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxicaiji"></use>
                </svg>
                <div class="name">分析采集</div>
                <div class="code-name">#iconicon-fenxicaiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogin_out"></use>
                </svg>
                <div class="name">login_out</div>
                <div class="code-name">#iconlogin_out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-duibipengzhuang"></use>
                </svg>
                <div class="name">对比碰撞</div>
                <div class="code-name">#iconicon-duibipengzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsliders"></use>
                </svg>
                <div class="name">sliders</div>
                <div class="code-name">#iconsliders</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit3"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser"></use>
                </svg>
                <div class="name">个人中心 我的  人物 标准头 线性</div>
                <div class="code-name">#iconuser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenzibingli"></use>
                </svg>
                <div class="name">分子病理</div>
                <div class="code-name">#iconicon-fenzibingli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaohanglan_jiyinguanli"></use>
                </svg>
                <div class="name">导航栏_基因管理</div>
                <div class="code-name">#icondaohanglan_jiyinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongerenzhongxin"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#icongerenzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquxiantuli"></use>
                </svg>
                <div class="name">曲线图例</div>
                <div class="code-name">#iconquxiantuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengwutangjiao"></use>
                </svg>
                <div class="name">生物糖胶</div>
                <div class="code-name">#iconshengwutangjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconretudingwei"></use>
                </svg>
                <div class="name">热图定位</div>
                <div class="code-name">#iconretudingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianceshuju"></use>
                </svg>
                <div class="name">检测数据</div>
                <div class="code-name">#iconjianceshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-compare"></use>
                </svg>
                <div class="name">对比分析</div>
                <div class="code-name">#iconicon-compare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconagain"></use>
                </svg>
                <div class="name">again</div>
                <div class="code-name">#iconagain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-huaxue3"></use>
                </svg>
                <div class="name">化学</div>
                <div class="code-name">#iconicon-huaxue3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxi2"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconicon-fenxi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-duibi1"></use>
                </svg>
                <div class="name">对比</div>
                <div class="code-name">#iconicon-duibi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixieyangben"></use>
                </svg>
                <div class="name">威胁样本</div>
                <div class="code-name">#iconweixieyangben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconFilteruser-definec"></use>
                </svg>
                <div class="name">Filter user-define c</div>
                <div class="code-name">#iconFilteruser-definec</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxiguanxipeizhi"></use>
                </svg>
                <div class="name">分析关系配置</div>
                <div class="code-name">#iconicon-fenxiguanxipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxishujushenhe"></use>
                </svg>
                <div class="name">分析数据审核2</div>
                <div class="code-name">#iconicon-fenxishujushenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-note"></use>
                </svg>
                <div class="name">分析质控统计</div>
                <div class="code-name">#iconicon-note</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenximokuai"></use>
                </svg>
                <div class="name">分析模块</div>
                <div class="code-name">#iconicon-fenximokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-analyse"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconicon-analyse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiyinfuji"></use>
                </svg>
                <div class="name">基因富集</div>
                <div class="code-name">#iconjiyinfuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconceshi2"></use>
                </svg>
                <div class="name">测试</div>
                <div class="code-name">#iconceshi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixueyingxiang"></use>
                </svg>
                <div class="name">医学影像</div>
                <div class="code-name">#iconyixueyingxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshalou"></use>
                </svg>
                <div class="name">沙漏</div>
                <div class="code-name">#iconshalou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-duibitu"></use>
                </svg>
                <div class="name">对比图</div>
                <div class="code-name">#iconicon-duibitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiyinfenxiselect"></use>
                </svg>
                <div class="name">基因分析</div>
                <div class="code-name">#iconjiyinfenxiselect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxi3"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconicon-fenxi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit2"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel1"></use>
                </svg>
                <div class="name">del</div>
                <div class="code-name">#icondel1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-fenxishuju"></use>
                </svg>
                <div class="name">分析,数据</div>
                <div class="code-name">#iconicon-fenxishuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel2"></use>
                </svg>
                <div class="name">del</div>
                <div class="code-name">#icondel2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-huaxue4"></use>
                </svg>
                <div class="name">化学</div>
                <div class="code-name">#iconicon-huaxue4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-kegg"></use>
                </svg>
                <div class="name">kegg</div>
                <div class="code-name">#iconicon-kegg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyixueshitimingming"></use>
                </svg>
                <div class="name">医学实体命名</div>
                <div class="code-name">#iconyixueshitimingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiyinjiance"></use>
                </svg>
                <div class="name">基因检测</div>
                <div class="code-name">#iconjiyinjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#icondown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangbenkuguanli"></use>
                </svg>
                <div class="name">样本库管理</div>
                <div class="code-name">#iconyangbenkuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-left"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#iconarrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-right"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#iconarrow-right</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
